<!DOCTYPE html>
<html class=" js cssanimations" lang="en"><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>图鸟导航</title>
		<meta name="description" content="图鸟科技-提供一站式开发服务，从网站前端制作、视觉设计、到程序开发、运营维护，让我们的工作能够顺利进行">
		<meta name="keywords" content="视觉设计，程序开发，运营维护">
		<meta name="author" content="https://www.tuniaokj.com/">
		<!--防某度-->
		<meta http-equiv="Cache-Control" content="no-siteapp">
		<link rel="shortcut icon" href="http://nav.tuniaokj.com/favicon.ico">
		<link rel="stylesheet" type="text/css" href="/default.css">
		<link rel="stylesheet" type="text/css" href="/component.css">
		<link rel="stylesheet" type="text/css" href="/paopao.css">
		<script src="/jquery.js"></script>
		<script src="/modernizr.js"></script>
	<script type="text/javascript" src="/inspector.js"></script><input type="hidden" id="_o_dbjbempljhcmhlfpfacalomonjpalpko"></head>

	<body>
		<div class="container">
			<header>
				<div class="header-bg">
					<canvas id="canvas" class="canvas" width="1420" height="938">
	
</canvas>
					<h1>图鸟导航</h1>
					<nav class="codrops-demos">
						<a class="current-demo" href="http://nav.tuniaokj.com/index.html">热门推荐</a>
						<a href="http://nav.tuniaokj.com/index1.html">图片</a>
						<a href="http://nav.tuniaokj.com/index2.html">设计</a>
						<a href="http://nav.tuniaokj.com/index3.html">前端</a>
						<a href="http://nav.tuniaokj.com/index4.html">后台</a>
						<a href="http://nav.tuniaokj.com/index5.html">运维</a>
						<a href="http://nav.tuniaokj.com/index6.html">工具</a>
						<a href="http://nav.tuniaokj.com/index7.html">其他</a>
						<a href="https://www.tuniaokj.com/" target="_blank">图鸟社区</a>
					</nav>
				</div>

			</header>
			<ul class="grid effect-1" id="grid" style="position: relative; height: 1099.33px; perspective-origin: 50% 732px;">
				
				<!--UI-->
				<li style="position: absolute; left: 0px; top: 0px;" class="shown">
					<a href="https://www.ui.cn/" target="_blank"><img src="/UIchina.jpg">UI中国</a>
				</li>
				<li style="position: absolute; left: 328px; top: 0px;" class="shown">
					<a href="http://www.zcool.com.cn/" target="_blank"><img src="/zhanku.jpg">站酷</a>
				</li>
				<li style="position: absolute; left: 656px; top: 0px;" class="shown">
					<a href="http://www.zhisheji.com/" target="_blank"><img src="/zhisheji.jpg">致设计</a>
				</li>
				<li style="position: absolute; left: 984px; top: 0px;" class="shown">
					<a href="https://dribbble.com/" target="_blank"><img src="/dribbble.jpg">dribbble</a>
				</li>
				<li style="position: absolute; left: 328px; top: 194px;" class="shown">
					<a href="https://ibaotu.com/" target="_blank"><img src="/baotu.jpg">包图网</a>
				</li>
				<li style="position: absolute; left: 0px; top: 203px;" class="shown">
					<a href="http://588ku.com/" target="_blank"><img src="/qianku.jpg">千库网</a>
				</li>
				<li style="position: absolute; left: 656px; top: 215px;" class="shown">
					<a href="http://www.iconfont.cn/" target="_blank"><img src="/alitu.jpg">阿里巴巴图标</a>
				</li>
				<li style="position: absolute; left: 984px; top: 242px;" class="shown">
					<a href="https://squoosh.app/" target="_blank"><img src="/squoosh.jpg">图片压缩</a>
				</li>
				
				<!--在线设计-->
				<li style="position: absolute; left: 328px; top: 332px;" class="shown">
					<a href="https://www.gaoding.com/" target="_blank"><img src="/gaoding.jpg">稿定在线设计</a>
				</li>
				
				
				<!--前端-->
				<li style="position: absolute; left: 0px; top: 357px;" class="shown">
					<a href="https://github.com/" target="_blank"><img src="/github.jpg">github</a>
				</li>
				<li style="position: absolute; left: 656px; top: 372px;" class="shown">
					<a href="http://www.runoob.com/" target="_blank"><img src="/cainiao.jpg">菜鸟教程</a>
				</li>
				<li style="position: absolute; left: 984px; top: 482px;" class="shown">
					<a href="http://amazeui.org/" target="_blank"><img src="/amaze.jpg">Amaze UI</a>
				</li>
				<li style="position: absolute; left: 328px; top: 544px;" class="shown">
					<a href="http://www.jq22.com/" target="_blank"><img src="/jq22.jpg">JQ22</a>
				</li>
				<li style="position: absolute; left: 656px; top: 550px;" class="shown">
					<a href="https://www.runoob.com/w3cnote/wx-xcx-repo.html" target="_blank"><img src="/xiaocx.jpg">微信小程序</a>
				</li>
				<li style="position: absolute; left: 0px; top: 620px;" class="shown">
					<a href="https://mp.weixin.qq.com/" target="_blank"><img src="/weixinp.jpg">微信公众平台</a>
				</li>
				<li style="position: absolute; left: 328px; top: 718px; animation-duration: 0.457916s;" class="animate">
					<a href="https://mpkf.weixin.qq.com/" target="_blank"><img src="/xcxkf.jpg">小程序客服</a>
				</li>
				<li style="position: absolute; left: 984px; top: 729px; animation-duration: 0.442017s;" class="animate">
					<a href="https://xiumi.us/" target="_blank"><img src="/xiumi.jpg">公众号推文排版</a>
				</li>
				<li style="position: absolute; left: 656px; top: 761px; animation-duration: 0.438701s;" class="animate">
					<a href="http://www.howzhi.com/" target="_blank"><img src="/haozhi.jpg">成长叭，骚年</a>
				</li>
				
			
				

				



			</ul>
		
			
			<div class="beian">©&nbsp;<a href="http://site.tuniaokj.com/site" target="_blank">图鸟科技</a>
								<!--使用请保留图鸟科技网站版权信息-->
								<a href="http://www.beian.miit.gov.cn/" rel="external nofollow">粤ICP备19039449号</a>
								<script type="text/javascript">
									var cnzz_protocol = (("https:" == document.location.protocol) ? "https://" : "http://");
									document.write(unescape("%3Cspan id='cnzz_stat_icon_1277592963'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol +
										"s5.cnzz.com/z_stat.php%3Fid%3D1277592963%26show%3Dpic' type='text/javascript'%3E%3C/script%3E"));
									document.getElementById("cnzz_stat_icon_1277592963").style.display = "none";
								</script><span id="cnzz_stat_icon_1277592963" style="display: none;"><a href="https://www.cnzz.com/stat/website.php?web_id=1277592963" target="_blank" title="站长统计"><img src="/pic.gif" vspace="0" hspace="0" border="0"></a></span><script src="/z_stat.php" type="text/javascript"></script><script src="/core.php" charset="utf-8" type="text/javascript"></script>
</div>
		</div>
		<script src="/masonry.js"></script>
		<script src="/imagesloaded.js"></script>
		<script src="/classie.js"></script>
		<script src="/AnimOnScroll.js"></script>
		<script>
			new AnimOnScroll(document.getElementById('grid'), {
				minDuration: 0.4,
				maxDuration: 0.7,
				viewportFactor: 0.2
			});
		</script>
		<script src="/top.js"></script>
		<script>
		    $('#js-go_top').gotoTop({
		        offset : 500, //距离顶部的位置
		        speed : 800, //移动到顶部的速度
		        /*     iconSpeed : 300, //icon动画样式的速度*/
		        animationShow : {
		            'transform' : 'translate(0,0)',
		            'transition': 'transform .5s ease-in-out'
		        }, //icon动画样式显示时
		        animationHide : {
		            'transform' : 'translate(80px,0)',
		            'transition': 'transform .5s ease-in-out'
		        } //icon动画样式隐藏时
		    });
		</script>
	
	<script src="/paopao.js"></script>

</body></html>